﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

	<title>Producer</title>
	
	<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
	<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
	<script type="text/javascript" src="js/chili-1.7.pack.js"></script>
	<script type="text/javascript" src="js/jquery.cycle.all.min.js"></script>
	<script type="text/javascript" src="js/jquery.easing.1.1.1.js"></script>
	
</head>

<body>
<div id="header">
	<div id="header_bar">
		<div id="logo">
			<a href="index.html"></a>
		</div>
		
		<div id="navigation">
			<ul>
				<li><a href="index.html">home</a></li>
				<li><a href="services.html">services</a></li>
				<li><a href="portfolio.html">portfolio</a></li>
				<li class="active"><a href="about.html">about</a></li>
				<li><a href="archives.html">archives</a></li>
				<li><a href="contact.html">Contact</a></li>
			</ul>
		</div>
	</div>
</div>

<div id="subpage_header">
	<div id="subpage_bg" style="background: url('images/services_bg.jpg') no-repeat center center;">
		<div class="subpage_center">
			<div id="breadcrumbs">
				<a href="#">home</a> \
			</div>
			<div id="subpage_heading">
				<h2>About Overview</h2>
			</div>
		</div>
	</div>	
</div>

<div id="subpage_main">
	<div id="content_bar">
		<div id="content_nav">
			<ul id="main_content_slider">
				<li><a href="#" class="activeSlide">Overview</a></li>
				<li><a href="#">Our Team</a></li>
				<li><a href="#">Our History</a></li>
				<li><a href="#">Careers</a></li>
			</ul>
		</div>
		<div id="search">
			<form action="test.php" method="post">
                <input onblur="if(this.value == '') this.value='Search' ;" onfocus="if(this.value == 'Search') this.value='';" value="Search" type="text" />
            </form>
		</div>
	</div>
	<!-- Content Starts Here -->
	<div id="content">
		<div id="content_left">
				<div id="subpage">
					<div id="subpage_content">
						<img src="images/producer_slogan.jpg" alt="Producer" />
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tempus est ac lacus vulputate euismod dictum leo sollicitudin. Maecenas euismod, felis eget interdum bibendum, tellus purus malesuada lorem, non rutrum leo diam eu tortor.</p>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tempus est ac lacus vulputate euismod dictum leo sollicitudin. Maecenas euismod, felis eget interdum bibendum, tellus purus malesuada lorem, non rutrum leo diam eu tortor.</p>
						
						<h1>Heading h1</h1>
						<h2>Heading h2</h2>
						<h3>Heading h3</h3>
						<h4>Heading h4</h4>
						<h5>Heading h5</h5>
						<br />
					</div>
				</div><!-- End #subpage -->
				
		</div>
		
		<div id="sidebar">
			<h3>What's Next?</h3>
			<a href="#" class="quote">Request a free online quote</a>
			<a href="#" class="contact">Contact us with any questions</a>
			<div id="featured_testimonial"><a href="#"></a></div>
			<div id="sidebar_testimonial">
				<p>Vivamus dui felis, tempor et aliquam elementum, mollis a urna. Proin vitae erat turpis, in tempus felis. Vestibulum lacinia mi et odio pharetra suscipit. Praesent arcu nisl, imperdiet vel euismod eget, rutrum sit amet massa.</p>
				<span class="person">Ben Reeger, MN</span>
				<span class="company">Reeger Co.</span>
			</div>
		</div>
	</div>
	<div id="content_bottom"></div>
	
	<div id="subpage_linkbox">
		
		<div id="subpage_wrap">	
			<div id="subpage_links_top"></div>
				<div id="subpage_links">
					<div class="subpage_link_box">
						<h4>Popular Services</h4>

						<ul>
							<li><a href="#">Phalleus volutplat, Vesus</a></li>
							<li><a href="#">Maecenas posuere est</a></li>
							<li><a href="#">Pellentesque porttitor purus</a></li>
						</ul>
					</div>
					<div class="subpage_link_box">
						<h4>Recent Articles</h4>

						<ul>
							<li><a href="#">Phalleus volutplat, Vesus</a></li>
							<li><a href="#">Maecenas posuere est</a></li>
							<li><a href="#">Pellentesque porttitor purus</a></li>
						</ul>
					</div>
					<div class="subpage_link_box">
						<h4>New in the Portfolio</h4>

						<ul>
							<li><a href="#">Phalleus volutplat, Vesus</a></li>
							<li><a href="#">Maecenas posuere est</a></li>
							<li><a href="#">Pellentesque porttitor purus</a></li>
						</ul>
					</div>
				</div>
			<div id="subpage_links_bottom"></div>
		</div>
			
		<div id="advert">
			<a href="#"><img src="images/sample_ad.jpg" alt="advert" /></a>
		</div>
		
	</div><!-- End #contact -->
	
	<div id="footer">
		<div class="copyright">
			Copyright &copy; 2009 Producer Inc. All rights reserved.Collect from
			<a href="#">Terms of Use</a> |
			<a href="#">Privacy Policy</a>
		</div>
		<div class="footer_nav">
			<ul>
				<li><a href="index.html">home</a></li>
				<li><a href="services.html">services</a></li>
				<li><a href="portfolio.html">portfolio</a></li>
				<li><a href="about.html" class="active">about</a></li>
				<li><a href="archives.html">archives</a></li>
				<li><a href="contact.html">Contact</a></li>
			</ul>
		</div>
	</div>
</div>


</body>
</html>